<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      th:replace="fragments/layout(title='收费项目-在线支付',cssPaths='/static/css/financial/receipt/online_pay.css',jsPaths='/static/js/financial/receipt/online_pay.js')">
<div class="right" th:fragment="right">
            <!--面包屑-->
            <div class="breadcrumb layui-bg-gray">
                <span class="layui-breadcrumb" lay-separator=">">
                    <a th:href="@{/}">首页</a>
                       <a href="/receipt">收费管理</a>
                        <a href="/receipt">收费项目</a>
                        <a><cite>在线支付</cite></a>
                </span>
            </div>

            <!--主体内容区-->
            <div class="form-content">
                <blockquote class="layui-elem-quote layui-quote-nm">请选择支付方式</blockquote>
                <div class="select-box layui-row">
                    <div class="layui-col-md2 layui-col-xs2 layui-col-md-offset3 layui-col-xs-offset3">
                        <img src="/static/imgs/wx_pay.png" alt="微信支付">
                        <p>
                            <input type="radio" name="channels" value="1" checked> 微信支付
                        </p>
                    </div>

                    <div class="layui-col-md2 layui-col-xs2">
                        <img src="/static/imgs/zfb_pay.png" alt="支付宝支付">
                        <p>
                            <input type="radio" name="channels" value="2"> 支付宝
                        </p>

                    </div>

                    <div class="layui-col-md2 layui-col-xs2">
                        <img src="/static/imgs/yl_pay.png" alt="银联支付">
                        <p>
                            <input type="radio" name="channels" value="3"> 银联支付
                        </p>
                    </div>

                </div>
                <div style="text-align: center;">
                    <input type="hidden" name="receiptId" id="receiptId" th:value="${receipt.id}">
                    <button class="layui-btn layui-btn-normal" style="position: relative;left: -5%;" id="next">下一步</button>
                    <a href="/receipt" class="layui-btn layui-btn-primary" style="position: relative;left: -5%;">返回</a>
                </div>
            </div>

        </div>

</html>